<template>
  <div class="Scrolled">
    <ul>
      <li>
        <span> 茶七 <i>头条</i></span>
      </li>
      <li>
        <van-swipe
          style="height: 45px"
          vertical
          :show-indicators="false"
          loop
          :autoplay="3000"
        >
          <van-swipe-item style="font-size: 18px"
            >茶叶为何不提春茶概念</van-swipe-item
          >
          <van-swipe-item style="font-size: 18px"
            >重要公告|验证上线</van-swipe-item
          >
        </van-swipe>
      </li>
    </ul>
  </div>
</template>

<script setup></script>

<style lang="scss" scoped>
.Scrolled {
  width: 100%;
  height: 50px;
  margin-top: 10px;
  // background-color: #96cee7;
  line-height: 50px;

  ul {
    display: flex;
    justify-content: space-around;
    li {
      span {
        font-size: 20px;
        font-style: italic;
        i {
          color: red;
        }
      }
    }
  }
}
</style>
